<template>
  <div class="home">
    <Head></Head>
    <div class="main">
      <!-- <Aside class="left" /> -->
      <Side class="left" />
      <Main class="right" />
    </div>
  </div>
</template>
<script>
import Head from "./home/Head";
import Aside from "./home/Aside";
import Main from "./home/Main";
import Side from './home/Side'
export default {
  components: {
    // Aside,
    Main,
    Head,
    Side
  },
  data() {
    return {};
  },
  methods: {},
};
</script>
<style lang='less' scoped>
.home {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: auto;
}
.main {
  display: flex;
  flex-direction: row;
  height: 575px;
}

.right {
  flex: 1;
}
</style>